/* pages/tools/yaohaojieguo/yaohaojieguo.wxss */

.body {
    height: 100vh;
    padding: 121rpx 30rpx 0rpx 30rpx;
    box-sizing: border-box;
    position: relative;
}

.toback {
    position: absolute;
    width: 48rpx;
    height: 48rpx;
    top: 56rpx;
    left: 25rpx;
}

.top-back {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 30vh;
    background-color: rgba(21, 119, 255, 1);
}

.bottom-back {
    position: fixed;
    top: 30%;
    left: 0;
    width: 100%;
    height: 70vh;
    background-color: #F4F6F8;
    background-image: url(http://imgbdb3.bendibao.com/xcxbdb/file/20214/19/20210419092120_50562.jpeg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.content {
    opacity: 1;
    background: #ffffff;
    border-radius: 20rpx;
    box-shadow: 0px 0px 30rpx 0px rgba(0, 0, 0, 0.05);
}

.tit {
    font-size: 30rpx;
    font-weight: 400;
    color: #333333;
    line-height: 70rpx;
    padding-left: 37rpx;
}

.body .top {
    width: 100%;
    position: fixed;
    z-index: 1;
    color: #ffffff;
    margin-bottom: 32rpx;
}

.body .top .tip-banner {
    padding: 0 30rpx;
    background: rgba(0, 0, 0, 0.30);
    width: 100%;
    height: 63rpx;
    justify-content: space-between;
    margin-left: -30rpx;
    margin-bottom: 29rpx;
}

.body .top .tip-banner .left {
    font-size: 26rpx;
    font-weight: 400;
    color: #ffffff;
}
.ks-picker-column-item {
    color: #000000;
}
.body .top .tip-banner .right {
    font-size: 26rpx;
    font-weight: 400;
    color: #ffff00;
}

.body .top .tip-banner .right image {
    width: 26rpx;
    height: 22rpx;
    margin-right: 12rpx;
}

.body .top .title {
    z-index: 1;
    font-size: 46rpx;
    font-weight: 600;
    margin-bottom: 4rpx;
    line-height: 64rpx;
}

.body .top .line {
    margin-right: 60rpx;
    font-size: 30rpx;
    font-weight: 400;
    justify-content: space-between;
}

.body .top .line .right image {
    width: 21rpx;
    height: 14rpx;
    margin-left: 15rpx;
}

.body .middle {
    position: fixed;
    z-index: 0;
    top: 300rpx;
    left: 30rpx;
    right: 30rpx;
    margin-bottom: 30rpx;
    opacity: 1;
    background: #ffffff;
    border-radius: 20rpx;
    box-shadow: 0px 0px 30rpx 0px rgba(0, 0, 0, 0.05);
}

.body .middle .tit {
    border-radius: 20rpx 20rpx 0 0;
    background: #F7FBFE;
}


/* 未查询 */

.body .middle .search-line {
    margin-top: 37rpx;
    padding-left: 37rpx;
    margin-bottom: 38rpx;
}

.body .middle .search-line .input {
    background: #F4F6F8;
    width: 504rpx;
    height: 87rpx;
    border-radius: 30rpx;
    box-sizing: border-box;
    padding-left: 30rpx;
    font-size: 30rpx;
    line-height: 87rpx;
    font-weight: 600;
    color: #404040;
}

.body .middle .search-line .search {
    margin-left: 30rpx;
    font-size: 30rpx;
    font-weight: 600;
    text-align: LEFT;
    color: #1577ff;
}

.body .middle .query {
    padding-left: 37rpx;
    padding-bottom: 45rpx;
}

.body .middle .query .name {
    font-size: 30rpx;
    font-weight: 400;
    color: #000000;
    margin-bottom: 16rpx;
}

.body .middle .query .copy-line {
    margin-bottom: 14rpx;
}

.body .middle .query .copy-line .left {
    font-size: 26rpx;
    font-weight: 400;
    width: 231rpx;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.body .middle .query .copy-line .right {
    height: 28rpx;
    border-radius: 30rpx;
    line-height: 26rpx;
    font-size: 22rpx;
    border: 1rpx #999999 solid;
    box-sizing: border-box;
    text-align: center;
    padding: 0 6rpx;
    margin-left: 3rpx;
}

.body .middle .query .tip {
    font-size: 20rpx;
    font-weight: 400;
    color: #999999;
    text-align: left;
}


/* 未中签 */

.body .middle .noScore {
    margin-top: 58rpx;
    margin-left: 37rpx;
    margin-bottom: 48rpx;
    align-items: center;
}

.body .middle .noScore .left {
    margin-right: 41rpx;
    line-height: 70rpx;
    font-size: 50rpx;
    font-weight: 600;
    color: rgba(21, 119, 255, 0.50);
}

.body .middle .noScore .right {
    font-size: 30rpx;
    font-weight: 400;
    color: rgba(21, 119, 254, 0.50);
}

.body .middle .code {
    margin-left: 43rpx;
    padding-bottom: 55rpx;
}

.body .middle .code text {
    font-size: 30rpx;
    font-weight: 400;
    color: #333333;
    margin-right: 16rpx;
}

.body .middle .code .modify {
    height: 28rpx;
    border: 1px solid rgba(153, 153, 153, 0.50);
    border-radius: 10rpx;
    line-height: 28rpx;
    font-size: 24rpx;
    padding: 0 6rpx;
}

.body .middle .blue-btn {
    width: 330rpx;
    height: 80rpx;
    line-height: 80rpx;
    opacity: 1;
    background: #1577ff;
    border-radius: 40rpx;
    font-size: 30rpx;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 43rpx;
}

.body .middle .tip {
    font-size: 24rpx;
    font-weight: 400;
    text-align: center;
    color: #666666;
}

.body .middle>.tip::after {
    content: '';
    display: block;
    width: 100%;
    height: 56rpx;
}


/* 中签 */

.body .middle .score {
    margin-left: 55rpx;
    margin-bottom: 5rpx;
    align-items: center;
}

.body .middle .score .left {
    font-size: 55rpx;
    font-weight: 600;
    color: #1577ff;
    line-height: 77rpx;
    margin-right: 37rpx;
    position: relative;
}

.body .middle .score .left::before {
    content: '';
    position: absolute;
    left: -10rpx;
    top: -10rpx;
    background: url(http://imgbdb3.bendibao.com/xcxbdb/file/20214/20/20210420120033_96560.jpeg) no-repeat center/contain;
    width: 153rpx;
    height: 58rpx;
}

.body .middle .score .mid {
    font-size: 30rpx;
    font-weight: 400;
    color: #1577fe;
    margin-right: 37rpx;
    letter-spacing: 1.5rpx;
}

.body .middle .score .right {
    width: 164rpx;
    height: 164rpx;
}

.body .middle .score .right image {
    width: 100%;
    height: 100%;
}

.body .middle .resetCode {
    margin-bottom: 0;
}

.body .middle .block {
    height: 56rpx;
    width: 100%;
}

.body .bottom {
    position: fixed;
    z-index: 0;
    top: 750rpx;
    left: 30rpx;
    right: 30rpx;
}

.body .bottom .banner {
    justify-content: space-between;
    background: #F7FBFE;
    padding-right: 38rpx;
    align-items: center;
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
}

.body .bottom .banner .time {
    font-size: 24rpx;
    font-weight: 600;
    color: #1576fd;
}

.body .bottom .remain-time {
    padding-left: 37rpx;
    padding-bottom: 32rpx;
    margin-top: 32rpx;
    font-size: 34rpx;
    font-weight: 400;
    color: #333333;
}

.body .bottom .remain-time text {
    font-size: 36rpx;
    color: #FFA66A;
    font-weight: 600;
}


/*  摇号次月订阅设置*/

.body .bottom .subCityBox {
    padding: 40rpx 37rpx 37rpx 37rpx;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px rgba(0, 0, 0, 0.10) solid;
}

.body .bottom .subCityBox .left .name {
    font-size: 30rpx;
    font-weight: 600;
    color: #333333;
}

.body .bottom .subCityBox .left .city {
    font-size: 26rpx;
    font-weight: 400;
    color: #666666;
}

.body .bottom .subCityBox .right {
    width: 19rpx;
    height: 29rpx;
}

.body .bottom .subCityBox .right image {
    width: 100%;
    height: 100%;
}

.body .bottom .main-box {
    padding: 46rpx 37rpx 73rpx 37rpx;
}

.body .bottom .main-box .white-box {
    margin-bottom: 29rpx;
}

.body .bottom .main-box .white-box .name {
    font-size: 30rpx;
    font-weight: 400;
    color: #000000;
    margin-bottom: 17rpx;
}

.body .bottom .main-box .white-box .code-box .code {
    font-size: 26rpx;
    font-weight: 400;
    color: #999999;
    margin-right: 26rpx;
}

.body .bottom .main-box .white-box .code-box .change-btn {
    box-sizing: border-box;
    padding: 0 6rpx;
    height: 28rpx;
    border: 1rpx solid rgba(153, 153, 153, 0.50);
    border-radius: 10rpx;
    font-size: 22rpx;
    line-height: 28rpx;
}

.body .bottom .main-box .grey-box {
    background-color: #f4f6f8;
    border-radius: 10rpx;
    padding: 19rpx 0 18rpx 26rpx;
}

.body .bottom .main-box .grey-box .name {
    font-size: 30rpx;
    font-weight: 400;
    color: #000000;
    margin-bottom: 17rpx;
}

.body .bottom .main-box .grey-box .url-box {
    margin-bottom: 9rpx;
}

.body .bottom .main-box .grey-box .url-box .url {
    font-size: 26rpx;
    font-weight: 400;
    color: #000000;
    margin-right: 3rpx;
    width: 231rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.body .bottom .main-box .grey-box .url-box .url-btn {
    font-size: 22rpx;
    height: 28rpx;
    line-height: 28rpx;
    border: 1rpx solid rgba(153, 153, 153, 0.50);
    border-radius: 10rpx;
}

.body .bottom .main-box .grey-box .tip {
    font-size: 20rpx;
    font-weight: 400;
    color: #999999;
}

.body .bottom .main-box .confirmSub {
    margin-top: 81rpx;
    margin-bottom: 57rpx;
    width: 330rpx;
    height: 80rpx;
    line-height: 80rpx;
    opacity: 1;
    background: #1577ff;
    border-radius: 40rpx;
    font-size: 30rpx;
    font-weight: 400;
    color: #ffffff;
}

.body .bottom .main-box>.tip {
    font-size: 24rpx;
    font-weight: 400;
    text-align: center;
    color: #999999;
}

.body .foot {
    position: fixed;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 171rpx;
    box-sizing: border-box;
    padding: 0 50rpx;
}

.body .foot .button-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35rpx;
}

.body .foot .button-line button {
    height: 80rpx;
    opacity: 1;
    line-height: 80rpx;
    border-radius: 40rpx;
    margin: 0;
    font-size: 30rpx;
    font-weight: 400;
}

.body .foot .button-line .white {
    min-width: 244rpx;
    width: 100%;
    background: #ffffff;
    color: #1577ff;
}

.body .foot .button-line .blue {
    color: #ffffff;
    width: 330rpx;
    background: #1577ff;
    margin-left: 76rpx;
    flex: none;
}

.body .foot .tip {
    font-size: 24rpx;
    font-weight: 400;
    text-align: center;
    color: #999999;
}

.ks-popup-overlay {
}

/* 表格 */

.table {
    border: 0px solid darkgray;
}

.tr {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 3rem;
    align-items: center;
}

.td {
    width: 40%;
    justify-content: center;
    text-align: center;
    color: #999999;
    font-size: 24rpx;
}

.td .button {
    border-radius: 10rpx;
    border: 2rpx solid #999999;
    width: 50%;
    margin: 0 auto;
}

.bg-w {
    background: snow;
}

.th {
    width: 40%;
    justify-content: center;
    color: #333333;
    display: flex;
    height: 3rem;
    align-items: center;
    font-weight: 600;
}

.padding {
    display: block;
    width: 100%;
    height: 60rpx;
}